<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div class="list-content">
    <!--块元素-->
    <div class="block">
        <!--修饰块元素名称-->
        <div class="banner">
            <p class="tab fixed">订单状态</p>
        </div>

        <!--正文内容-->
        <div class="main">
            <form id="form">
                <!--文本框-->
                <div class="unit clear">
                    <div class="left"><span class="required">*</span><p class="subtitle">登录账号</p></div>
                    <div class="right">
                        <input type="text" class="text" data-type="手机号|邮箱" error-msg="手机号或邮箱格式错误" error-pos="42" placeholder="请输入手机号或邮箱" />
                    </div>
                </div>

                <!--单选框-->
                <div class="unit clear">
                    <div class="left"><p class="subtitle">性别</p></div>
                    <div class="right">
                        <ul class="equal-8 clear">
                            <li><input type="radio" class="fill" name="sex" checked/>男</li>
                            <li><input type="radio" class="fill" name="sex" />女</li>
                        </ul>
                    </div>
                </div>

                <!--复选框-->
                <div class="unit clear">
                    <div class="left"><p class="subtitle">兴趣</p></div>
                    <div class="right">
                        <ul class="equal-8 clear">
                            <li><input type="checkbox" class="fill" name="interest" />吃饭</li>
                            <li><input type="checkbox" class="fill" name="interest" />睡觉</li>
                            <li><input type="checkbox" class="fill" name="interest" />打豆豆</li>
                        </ul>
                    </div>
                </div>

                <!--下拉选择框-->
                <div class="unit clear">
                    <div class="left"><p class="subtitle">学历</p></div>
                    <div class="right">
                        <select id="select">
                            <option value="">请选择</option>
                            <option value="1">大专</option>
                            <option value="2">本科</option>
                            <option value="3">硕士</option>
                            <option value="4">博士</option>
                            <option value="5">博士后</option>
                        </select>
                    </div>
                </div>

                <!--日期选择框-->
                <div class="unit clear">
                    <div class="left"><p class="subtitle">注册时间</p></div>
                    <div class="right">
                        <input type="text" id="date" class="ex-date" style="width: 180px;" value="" readonly/>
                    </div>
                </div>

                <!--文本域-->
                <div class="unit clear">
                    <div class="left"><p class="subtitle">简介</p></div>
                    <div class="right">
                        <textarea class="desc" placeholder="请填写简介"></textarea>
                        <!--提示说明-->
                        <p class="hint">请填写个人简介。简介中不得包含令人反感的信息，且长度应在10到255个字符之间。</p>
                    </div>
                </div>

                <!--标签-->
                <div class="unit clear">
                    <div class="left"><p class="subtitle">标签</p></div>
                    <div class="right">
                        <div class="tagbox"></div>
                        <input type="hidden" id="tag" name="tag" value="" />
                    </div>
                </div>

                <!--提交按钮-->
                <div class="unit clear" style="width: 800px;">
                    <div style="text-align: center;">
                        <!--表单提交时，必须是input元素，并指定type类型为button，否则ajax提交时，会返回error回调函数-->
                        <input type="button" id="save" class="button yes" value="保存" />
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
</body>
</html>